
import React from 'react'
import PropTypes from 'prop-types'
import StyledFilter, { Filters, Action} from './style'
import Text from 'components/Text'

function Filter ({children, ...rest}) {
    return (
        <StyledFilter {...rest}>
            {children}
        </StyledFilter>
    )
}

Filter.Filters = ({ children, label, ...rest}) => (
    <Filters>
        <Text type='secondary'>{label}: </Text>
        {children}
    </Filters>
)

Filter.Action = ({ children, label, ...rest }) => (
    <Action>
        <Text type='secondary'>{label}</Text>
        {children}
    </Action>
)

Filter.propTypes = {
    children: PropTypes.any
}

export default Filter


